<%@ page contentType="text/html;charset=UTF-8"%>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xmlns:xn="http:///www.renren.com/2009/xnml">
<head>
<meta http-equiv="content-type" content="text/html; charset=UTF-8" />
<meta http-equiv="X-UA-Compatible" content="IE=EmulateIE7" />
<title>Insert title here</title>
<style type="text/css" media="all">
	@import "css/main.css";
	@import "css/index.css";
</style>
<script type="text/javascript" src="scripts/schedule.js"></script>
<script type="text/javascript" src="scripts/string_library.js"></script>
<script type="text/javascript" src="scripts/clouds.js"></script>
<script type="text/javascript" src="scripts/bunnies.js"></script>
<script type="text/javascript" src="scripts/preload.js"></script>
<script type="text/javascript" src="js/renren_js_sdk/renren.js"></script>
<script type="text/javascript" src="http://code.jquery.com/jquery-1.7.2.min.js"></script>
<script type="text/javascript">
	$(document).ready(function(){
	    var uiOpts = {
				url : "http://graph.renren.com/oauth/authorize",
				display : "iframe",
				params : {
					"response_type" : "token",
					"client_id" : "${appId}"
				},
				onSuccess : function(r) {},
				onFailure : function(r) {}
			};
		Renren.ui(uiOpts);
	    
		Renren.init({appId:${appId}});
	});

	function sendRequest(isSendToMany, toId) {
	      var params = {"accept_url":"http://apps.renren.com/guakezhishu/home","accept_label":"接受邀请"};
	      var style = null;
	      if (isSendToMany) {
	          params["actiontext"] = "邀请好友来玩吧";
	      }
	      else {
	          params["to"] = toId;
			  style = {
				  "width":500,  
				  "height":350  
			  };
	      }
		  var uiOpts = {
			  url : "request",
			  display : "iframe",
			  params : params,
			  style : style,
			  onSuccess: function(r){},
			  onFailure: function(r){} 
		  };
		  Renren.ui(uiOpts);
	    }
</script>
</head>
<body>
	<div id="splash">
		<div id="loadingMessage">
			<p>You must turn JavaScript on in order for this game to work</p>
			<div>
				<div>
				</div>
			</div>
		</div> <!-- END #loadingMessage -->
	</div>
	<div id="stage">
		<div id="level">
			<h2>
				Level:
			</h2>
			<p>1</p>
			<div>
				<div>
				</div>
			</div>
		</div> <!-- END #level -->
		<div id="lives">
			<h2>
				Lives:
			</h2>
		</div> <!-- END #lives -->
		<div id="score">
			<h2>
				Score:
			</h2>
			<p>0</p>
		</div> <!-- END #score -->
		<div id="hill1">
		</div> <!-- END #hill1 -->
		<div id="hill2">
		</div> <!-- END #hill2 -->
		<div id="hill3">
		</div> <!-- END #hill3 -->
		<div id="cloud1">
		</div> <!-- END #cloud1 -->
		<div id="cloud2">
		</div> <!-- END #cloud2 -->
		<div id="bunny1" class="bunny bunny2">
			<div>
			</div>
		</div> <!-- END #bunny1 -->
		<div id="bunny2" class="bunny bunny3">
			<div>
			</div>
		</div> <!-- END #bunny2 -->
		<div id="bunny3" class="bunny bunny1">
			<div>
			</div>
		</div> <!-- END #bunny3 -->
		<div id="bunny4" class="bunny bunny3">
			<div>
			</div>
		</div> <!-- END #bunny4 -->
		<div id="bunny5" class="bunny bunny1">
			<div>
			</div>
		</div> <!-- END #bunny5 -->
		<div id="bunny6" class="bunny bunny2">
			<div>
			</div>
		</div> <!-- END #bunny6 -->
		<div id="bunny7" class="bunny bunny3">
			<div>
			</div>
		</div> <!-- END #bunny7 -->
		<div id="bunny8" class="bunny bunny1">
			<div>
			</div>
		</div> <!-- END #bunny8 -->
		<div id="bunny9" class="bunny bunny2">
			<div>
			</div>
		</div> <!-- END #bunny9 -->
		<div id="bunny10" class="bunny bunny4">
			<div>
			</div>
		</div> <!-- END #bunny10 -->
		<div id="bunny11" class="bunny bunny5">
			<div>
			</div>
		</div> <!-- END #bunny11 -->
		<div id="bomb1" class="bomb">
			<div>
			</div>
		</div> <!-- END #bomb1 -->
		<div id="bomb2" class="bomb">
			<div>
			</div>
		</div> <!-- END #bomb2 -->
		<div id="cover">
		</div> <!-- END cover -->
		<div id="message">
		</div> <!-- END message -->
		<div id="levelMessage">
		</div> <!-- END message -->
	</div> <!-- END #stage -->
	<div id="closing">
	</div> <!-- END #closing -->
	<div id="credit">
		<a href="/">Made by The Man in Blue</a>
	</div>
	<!--<a href="javascript:sendRequest(true)">邀请更多好友...</a>  -->
</body>
</html>